var Top = {

	nav:function(){
		var nav = $('loginBar_holder');
		if(nav){
			var isShow = false;

			var arrSubNav = $$('.nav_top_sub');
			arrSubNav.each(function(o,i){
				var _parent = o.up();
				var _nav = o.previous();
				_parent.observe('mouseover',function(e){
					if(!isShow){
						isShow = true;
						//o.setStyle({display:'block',opacity:0});
						//new Effect.Morph(o, { style:"opacity:1",duration: 0.5 });
						o.show();
						_nav.setStyle({color:'#2a8943'});
					}
				});
				_parent.observe('mouseout',function(e){
					var related = e.relatedTarget;
					if((related == undefined)||(!related.descendantOf(_parent)&&related!=_parent)){
						isShow = false;
						o.hide();
						_nav.setStyle({color:'#8B8C8E'});
					}
				});
			});
		}
	},

	banner:function(){
		var home = $('home');
		if(home){
			new bannerShow('top_banner_holder',{hasNav:true,interval:6});
		}
	},

	showLoginTable:function(){
		var o1 = $('loginLogin');
		if(o1){
			var o2 = $('loginTestify');
			var o3 = $('loginForm1');
			var o4 = $('loginForm2');
			o1.observe('click', function(){
				o3.toggle();
				o4.hide();
			});
			o2.observe('click', function(){
				o4.toggle();
				o3.hide();
			});
		}
	},

	showLoginOk:function(){
		var o1 = $('loginOkBar');
		if(o1){
			var o2 = $('loginForm3');
			o1.observe('mouseover', function(){
				o2.show();
			});
			o1.observe('mouseout', function(){
				o2.hide();
			});
			o2.observe('mouseover', function(){
				o2.show();
			});
			o2.observe('mouseout', function(){
				o2.hide();
			});
		}
	},

	init:function(){
		this.nav();
		this.banner();
		this.showLoginTable();
		this.showLoginOk();
	}

};

document.observe('dom:loaded',function(){
	Top.init();
});